<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css" />
	<link type="text/css" rel="stylesheet" href="css/app.css" />
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<title>451 Template</title>
</head>
<body>
	<div class="container">
		<div class="row page-header">
			<div class="col-md-2 logo">
				<h2>SIGNPORT</h2>	
			</div>
			<div class="col-md-10" class="search_bar">
				<form>
					<input type="search" class="form-control" placeholder="Search..."></input>
				</form>
			</div> 
		</div>
		<div class="row">
			<div class="col-md-2 menu_bar">
				<table>
					<tr>
						<td><a href="http://9gag.com/">Main Page</a></td>
					</tr>
					<tr>
						<td> <a href="http://9gag.com/"> Profile</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Notifications</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Add Video</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Forum</a></td>
					</tr>
					<tr>
					<td><a href="http://9gag.com/">How to use?</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">FAQ</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">About us</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Log out</a></td>
					</tr>
				</table>
			</div>
			<div class="col-md-10 main_part">
				<div class="notification_page">
					<h2>Notifications</h2>
					<div class="notification_list"> 
					<a href="#" class="list-group-item"><p>User1 liked your video.</p><p>x minutes ago</p></a> 
					<a href="#" class="list-group-item"><p>User2 subscribed to your channel: Channel1</p><p>y minutes ago</p></a> <a href="#" class="list-group-item"><p>User3 commented on video: "videotitle1"</p><p>x hours ago</p></a> <a href="#" class="list-group-item"><p>User4 commented on your forum post "title1"</p><p>z hours ago</p></a> <a href="#" class="list-group-item"><p>User5 liked your forum post: "title2"</p><p>z days ago</p></a> <a href="#" class="list-group-item"><p>User6 commented on your video: "videotitle2"</p><p>y days ago</p></a> 
				</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>